<!-- 订票步骤-->
<template>
<!--  <el-row id="row">-->
  <div id="busBookingStepDiv">
    <div class="div" >
      <img src="../../assets/images-bus/step1.png">
      <h3>班次查询</h3>
      关注出发时间和出发车站
    </div>
    <div class="div" >
      <img src="../../assets/images-bus/step2.png">
      <h3>填写订单</h3>
      确认乘车人和班次信息
    </div>
    <div class="div" >
      <img src="../../assets/images-bus/step3.png">
      <h3>在线支付</h3>
      支持支付宝、微信等多种方式
    </div>
    <div class="div" >
      <img src="../../assets/images-bus/step4.png">
      <h3>出票成功</h3>
      关注出票结果
    </div>
    <div class="div" >
      <img src="../../assets/images-bus/step5.png">
      <h3>取票乘车</h3>
      凭取票信息提前取票</div>
  </div>
<!--  </el-row>-->

</template>

<script>
export default {
  name: "BookingSteps"
}
</script>

<style scoped>
.div{
  text-align: left;
  float: left;
  width: 258px;
  height: 100px;
  background: #f5f5f5;
  border-right: 1px Solid #d3dce6;
}
#busBookingStepDiv{
  margin-left: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  min-width: 1000px;
  margin-bottom: 20px;
}
img{
  float: left;
}

</style>